page {
    height: 100%;
	background-color: #F2F2F5;
}
view {
    box-sizing: border-box;
	font-size: 28rpx;
	color: #000;
	-webkit-overflow-scrolling : touch;
}
text {
	font-size: 28rpx;
	color: #000;
}
textarea{
	width: 100%;
	height: 180rpx;
}
input{
	/* border: none; */
	text-align: left;
	font-size: 30upx;
}
button {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 28rpx;
	background-color:#fff !important;
}
button::after{
	border: none;
}

.colorCc{
	color: #CCC;
}
.color9898{
	color: #989898;
}
.color3B{
	color: #3B3B3B
}
.color33{
	color: #333;
}
.color66{
	color: #666;
}
.color99 {
	color: #999;
}
.color00{
	color: #000;
}
.colorff{
	color: #fff;
}
/* 黄色 */
.colorF39{
	color:#F39800;
}
.bgWhite{
	background-color: #fff;
}
/* 一行超出省略号 */
.line1{
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break:break-all
}
/* 两行超出省略号 */
.line2{
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break:break-all
}
/* 3行超出省略号 */
.line3{
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break:break-all
}
.jiantouTop{
	position: relative;
}
.jiantouTop::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 0; 
	height: 0;
	border-width: 15px;
	border-style: solid;
	border-color:#FFCCCC transparent transparent transparent;
}
.jiantouDown {
	position: relative;
}
.jiantouDown::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 0; 
	height: 0;
	border-width: 15px;
	border-style: solid;
	border-color:#FFCCCC transparent transparent transparent;
}

.disNone{
	display: none;
}
.disBlock{
	display: block;
}
.disFlex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.scale-1px-bottom{
	position: relative;
	border: none;
}
.scale-1px-bottom::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: #d9d9dd;
	height: 1px;
	width: 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}


.scale-1px-top{
	position: relative;
	border: none;
}
.scale-1px-top::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #d9d9dd;
	height: 1px;
	width: 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.scale-1px-right{
	position: relative;
	border: none;
}
.scale-1px-right::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #d9d9dd;
	height: 100%;
	width: 1px;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.clearFloat{
	zoom: 1;
}
.clearFloat::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.scale_border{
	position: relative;
	border: none;
}
.scale_border::after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   height: 200%;
   width: 200%;
   border: 1px solid #d9d9dd;
   border-radius: 20upx;
   -webkit-transform: scale(0.5);
   transform: scale(0.5);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   box-sizing: border-box;
}
 
.scale_border_1{
	position: relative;
	border: none;
}
.scale_border_1::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 200%;
	width: 200%;
	border: 1px solid #FC305A;
	border-radius: 60rpx;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	box-sizing: border-box;
}

.next{
	position: relative;
}
.next::after{
	position: absolute;
	content: '';
	width: 16rpx;
	height: 16rpx;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	right: 6rpx;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
}

/* padding */
.padding5{
	padding: 10upx;
}
.padding10{
	padding: 20upx;
}
.padding15{
	padding: 30upx;
}
.padding20{
	padding: 40upx;
}
/* paddingTop */
.paddingTop5{
	padding-top: 10upx;
}
.paddingTop10{
	padding-top: 20upx;
}
.paddingTop15{
	padding-top: 30upx;
}
.paddingTop20{
	padding-top: 40upx;
}
/* paddingLeft */
.paddingLeft5{
	padding-left: 10upx;
}
.paddingLeft10{
	padding-left: 20upx;
}
.paddingLeft15{
	padding-left: 30upx;
}
.paddingLeft20{
	padding-left: 40upx;
}
/* paddingRight */
.paddingRight5{
	padding-right: 10upx;
}
.paddingRight10{
	padding-right: 20upx;
}
.paddingRight15{
	padding-right: 30upx;
}
.paddingRight20{
	padding-right: 40upx;
}
/* paddingBottom */
.paddingBottom5{
	padding-bottom: 10upx;
}
.paddingBottom10{
	padding-bottom: 20upx;
}
.paddingBottom15{
	padding-bottom: 30upx;
}
.paddingBottom20{
	padding-bottom: 40upx;
}
/* margin */
.marginTop5{
	margin-top: 10upx;
}
.marginTop10{
	margin-top: 20upx;
}
.marginTop15{
	margin-top: 30upx;
}
.marginTop20{
	margin-top: 40upx;
}
.marginBottom5{
	margin-bottom: 10upx;
}
.marginBottom10{
	margin-bottom: 20upx;
}
.marginBottom15{
	margin-bottom: 30upx;
}
.marginBottom20{
	margin-bottom: 40upx;
}
.margingLeft5{
	margin-left: 10upx;
}
.margingLeft10{
	margin-left: 20upx;
}
.margingLeft15{
	margin-left: 30upx;
}
.margingLeft20{
	margin-left: 40upx;
}
.margingRight5{
	margin-right: 10upx;
}
.margingRight10{
	margin-right: 20upx;
}
.margingRight15{
	margin-right: 30upx;
}
.margingRight20{
	margin-right: 40upx;
}

/* 字体大小 */
.font10 {
	font-size: 20rpx;
}
.font12 {
	font-size: 24rpx;
}
.font14 {
	font-size: 28rpx;
}
.font16 {
	font-size: 32rpx;
}
.font18 {
	font-size: 36rpx;
}
.font20 {
	font-size: 40rpx;
}
.font22 {
	font-size: 44rpx;
}
.font24 {
	font-size: 48rpx;
}
.tc{
	text-align: center;
}